import style from "../css/WalletGet.css";
function WallateGet({ onConnectWallet }) {
  return (
    <div style={style}>
      <body>
        <section class="login-section">
          <button class="login-btn" onClick={onConnectWallet}>
            🔓 Log in with Web3
          </button>
          <span class="instruction">
            Ensure to have an Ethereum based wallet installed i.e MetaMask
          </span>
        </section>

        {/* <section class="dashboard-section">
          <h2 class="wallet-status">Wallet Connected! 🤝</h2>
          <h3 class="wallet-address-heading">
            ETH Wallet Address:
            <span class="wallet-address"></span>
          </h3>
          <h3 class="wallet-balance-heading">
            ETH Balance:
            <span class="wallet-balance"></span>
          </h3>
          <button class="logout-btn">🔐 Log out</button>
          <button class="call-btn"> send Transction</button>
        </section> */}
      </body>
    </div>
  );
}

export default WallateGet;
